.page-user-msg {
    height: 100vh;
    background: #F1F1F1;

    .c0 {
        padding: 10PX;
    }

    .list-item{
        margin-top: 15PX;
        color: #1A1A1A;

        .msg-date{
            margin-bottom: 5PX;
            font-size: 12PX;
            text-align: center;
        }
        .msg-msg{
            font-size: 14PX;
        }
        .msg-name{
            font-size: 12PX;
            word-wrap: break-word;
            word-break: break-all;
            white-space: pre-line;
        }
        .msg-order{
            font-size: 12PX;
            color: #999;
        }

        .msg-reply{
            font-size: 12PX;
            color: #666;
        }

        .user-logo{
            margin-right: 5PX;
            Image{
                height: 40PX;
                width: 40PX;
                border-radius: 100%;
            }
        }
    }

    .list-item-box {
        padding: 10PX;
        border-radius: 6PX;
        background: #fff;
        box-shadow: 0 4px 30px 0 rgba(223, 225, 230, 0.5);

        
    }
}
.message {
    position: fixed;
    bottom: 80px;
    right: 60px;
    background-color: rgba(0,0,0,.4);
    border-radius: 50%;
    width: 90px;
    height: 90px;
    .at-button {
        border: 0;
        height: auto;
        line-height: 30px !important;
    }   
    
    .contact {
        margin-top: 10px;
        display: flex;
        flex-direction: column;
        align-items: center;
        text {
            display: block;
            color: #fff;
            font-size: 22px;
        }
    }
}
